<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <meta content="App Inventor for Android" name="description">
    <meta content="Android, Blocks App Inventor, Mobile, Phone, IDE" name="keywords">
    <title>
      TinyWebDB - App Inventor para Android
    </title>
    <link href="../../../static/images/appinventor-16.png" rel="SHORTCUT ICON" type="image/ico">
    <link href="../../../static/images/appinventor-16.png" rel="icon" type="image/png">
    <link href="../../../static/css/appinventor.css" rel="stylesheet" type="text/css">
<!-- ADD Google Analytics here -->
<!-- END Google Analytics here -->
    <style type="text/css">
img.c2 {border-width:0}
    div.c1 {clear:both;}
    </style>
  </head>
  <body>
    <div id="aiac">
      <div class="main-container">
        <div class="header">
          <div class="header-title">
            <a href="../../../about/index.html"><img alt="" src="../../../static/images/appinventor_logo.gif"></a>
          </div>
            <div class="header-search">
<!-- ADD Google Custom Search -->
<!-- END Google Custom Search -->
              <div class="header-search-query">
              </div>
              <div class="header-search-button">
              </div>
            </div>
          <div class="header-login">
            <div class="header-login-greeting">
              Aprende sobre App Inventor
            </div>
          </div>
        </div>
        <div class="customhr customhr-green"></div>
<!-- ADD Google Search Results -->
<!-- END Google Search Results -->
        <div id="navigation">
          <div id="navigation-links">
            <div class="navigation-link-option" id="navigation-link-home">
              <a href="../../../about/index.html">Acerca de</a>
            </div>
            <div class="navigation-link-option navigation-link-active" id="navigation-link-learn">
              <a href="../../../learn/index.html">Aprende</a>
            </div>
            <div class="navigation-link-option" id="navigation-link-forum">
              <a href="../../../forum/index.html">Foro</a>
            </div>
            <div class="navigation-link-option" id="navigation-link-myappinventor">
              <a href="">Mis proyectos</a><div>(proximamente)</div>
            </div>
          </div>
          <div id="navigation-breadcrumb">
            <a href="../../../learn/index.html">Aprende</a> &gt; <a href="../../../learn/reference/index.html">Referencia</a> &gt; TinyWebDB &gt;
          </div>
          <div class="c1"></div>
        </div>
        <div class="customhr customhr-gray"></div>
        <div class="content">
          <div class="content-body">
            <div class="learn-page">
              <h1>
                Crear un servicio TinyWebDB propio
              </h1>
              <p>
                <span class="ButtonText">TinyWebDB</span> es un componente de App Inventor que te permite almacenar datos de forma persistente en una base de datos en la web. Debido a que los datos se almacenan en la web en vez de en un teléfono en particular, <span class="ButtonText">TinyWebDB</span> se puede utilizar para facilitar la comunicación entre los teléfonos y las aplicaciones (por ejemplo, juegos para varios jugadores).
              <p>
                Por defecto, el componente <span class="ButtonText">TinyWebDB</span> almacena datos en una base de datos de App Inventor, <a href="http://appinvtinywebdb.appspot.com/">http://appinvtinywebdb.appspot.com/</a>. Este servicio está pensado para ayudar a desarollar aplicaciones, pero lo pueden usar todos los usuarios de App Inventor, y tiene un limite de 1000 valores. Si lo usas, tus datos desaparecerán con el tiempo.
              </p>
              <p>
                Si estas haciendo varias aplicaciones, necesitarás tu propio servicio privado, sin estar compartido con los demas usuarios de App Inventor. No necesitas ser un programador experto - debes seguir las instrucciones y tendrás tu propio servicio TinyWebDB en unos minutos.
              </p>
              <p>
                Para crear tu propio servicio, sigue estas instrucciones:
              </p>
              <ul>
                <li>Descargate App Engine para Python desde <a href="http://code.google.com/appengine/">http://code.google.com/appengine/</a>. Después de instalarlo, abre GoogleAppengineLauncher.
                </li>
                <li>Descargate el <a href="tinywebdbassets/customtinywebdb.zip">codigo</a>. Es un archivo .zip que contiene el codigo fuente de tu propio servicio.<br>
                </li>
                <li>Extrae los archivos del .zip que te has descargado. Se creará una carpeta llamada <span class="ButtonText">customtinywebdb</span>. Puedes renombrarla si quieres.<br>
                </li>
                <li>En GoogleAppEngineLauncher, pulsa <span class="ButtonText">File | Add Existing Application</span>. Busca la carpeta creada anteriormente. Entonces, pulsa el boton Run. Esto pondrá en marcha un servicio web de prueba que se ejecuta en la máquina local.
                </li>
                <li>Puedes probar el servicio abriendo un navegador y entrando en "localhost: 8080" como la dirección URL. Verás la interfaz de la página web para tu servicio web. El objetivo final de este servicio es comunicarse con una aplicación móvil creada con App Inventor. Puedes probar las operaciones de obtener y almacenar datos, ver las entradas existentes, así como eliminar entradas individuales, pero todavia no se puede comunicar con tu aplicación.
                </li>
                <li>Tu servicio todavia no esta en Internet, por lo que todavia no se puede comunicar con tu aplicación. Necesitarás subir el servicio a los servidores de Google App Engine.
                  <ul>
                    <li>En GoogleAppEngineLauncher, pulsa <span class="ButtonText">Dashboard</span>. Inicia sesión con tu cuenta de Google.
                    </li>
                    <li>Pulsa <span class="ButtonText">Create an Application</span>. Tendrás que indicar un identificador de la aplicación. Memorizalo porque lo necesitarás más tarde. Ponle un nombre a tu aplicación y pincha en <span class="ButtonText">Create Application</span>. Si el identificador que has elegido es correcto, tu servicio se añadirá a los servidores de Google.
                    </li>
                    <li>Abre un editor de texto en tu ordenador y abre el archivo <span class="ButtonText">app.yaml</span> en la carpeta <span class="ButtonText">customtinywebdb</span>. Cambia la primera linea a el identificador que indicaste anteriormente.
                    </li>
                    <li>En GoogleAppEngineLauncher, pulsa <span class="ButtonText">Deploy</span> y sigue las instrucciones.
                    </li>
                  </ul>
                </li>
                <li>Prueba si tu servicio ya esta en Internet. En un navegador, escribe www.IDENTIFICADOR.appspot.com, donde IDENTIFICADOR es el identificador de tu aplicación (p.ej: www.hellopurr.appspot.com). Ya esta listo para comunicarse con tu aplicación de App Inventor.
                </li>
              </ul>
              <p>
                Tu aplicación con App Inventor puede almacenar y obtener valores de tu servicio TinyWebDB. Para ello:
              </p>
              <ul>
                <li>Pon un componente TinyWebDB a tu aplicación.
                </li>
                <li>Cambia la propiedad ServiceURL (<a href="http://appinvtinywebdb.appspot.com/">http://appinvtinywebdb.appspot.com/</a>) a tu propio servicio.
                </li>
                <li>Cualquier operación StoreValue (bloques) almacenará datos en tu servicio y las operaciones GetValue los obtendra.<br>
                  <br>
                  <br>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div class="footer">
        <div class="footer-legal">
          <p>
            <a href="http://creativecommons.org/licenses/by/3.0/" rel="license"><img alt="Creative Commons License" class="c2" src="http://i.creativecommons.org/l/by/3.0/88x31.png"></a><br>
            Este trabajo está bajo una licencia <a href="http://creativecommons.org/licenses/by/3.0/" rel="license">Creative Commons Attribution 3.0 Unported License</a> .
          </p>
          <p>
            El trabajo original de Google ha sido modificado<br>
              Este trabajo ha sido traducido del Inglés al Español<br>
            <a href="../../../about/index.html">Acerca de</a> | <a href="../../../about/privacy.html">Privacidad</a> | <a href="../../../about/termsofservice.html">Condiciones</a>
          </p>
        </div>
        <div class="footer-lastupdate">
          <script type="text/javascript">
if (document.lastModified != '') {
                var m = "Page last updated: " + document.lastModified;
                var p = m.length-8;
                document.writeln("<center>");
                document.write(m.substring(p, 0));
                document.writeln("<\/center>");
              }
          </script>
        </div>
      </div>
    </div>
  </body>
</html>
